// import React, { Component } from 'react';
// import Iframe from 'react-iframe'
// import $ from 'jquery'
// class TabContainerComponent extends React.Component {
//     constructor(args) {
//         super();
//         this.state = {
//             tab : 0
//         }
//     }
//     render() {
//         return (
//         <div>
//          <div className="mui-content">
//             <div id="slider" className="mui-slider">
//                 <div id="sliderSegmentedControl" className="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
//                     <a onClick={()=>this.setState({tab:0})} className={this.state.tab === 0 ?"mui-control-item mui-active":"mui-control-item"}>
//                         page1
//                     </a>
//                     <a onClick={()=>this.setState({tab:1})} className={this.state.tab === 1 ?"mui-control-item mui-active":"mui-control-item"}>
//                         page2
//                     </a>    
//                 </div>
//             </div>
//         </div> 
//         <div className="mui-content mui-content-all">
//             <div id="slider" className="mui-slider">                
//                 <div className="mui-slider-group">
//                 <div style={{height:$(window).height()}} >
//                     {this.state.tab === 0 ?
                        
//                            <Iframe 
//                             // url="http://localhost:3000/record"
//                             url="http://192.168.1.117:8080/login"
//                             position="relative"
//                             width="100%"
//                             id="myId"
//                             className="myClassname"
//                             height="100%"
//                             allowFullScreen/>
//                         :
//                            <Iframe 
//                             url="http://localhost:3000/record"
//                             // url="http://erp.fulan.com.cn"
//                             position="relative"
//                             width="100%"
//                             id="myId"
//                             className="myClassname"
//                             height="100%"
//                             allowFullScreen/>
                        
//                     }
//                 </div>
//                 </div>
//             </div>
//          </div>
//        </div>
//         );
//     }
// }

// export default TabContainerComponent;